<script>
	import {
		mapActions,
		mapState
	} from 'vuex'
	import {
		WhiteList
	} from './static/libs/config.js';
	import {
		CurrentUrl
	} from './static/libs/util.js';
	export default {
		computed: {
			...mapState({
				token: state => state.user.token,
				oppenid: state => state.user.oppenid
			}),
		},
		onLaunch: function() {
			this.GetStatusBarHeight()
			wx.showShareMenu({
				withShareTicket: true,
				menus: ['shareAppMessage', 'shareTimeline']
			})

			// // #ifndef APP-NVUE
			// uni.requireNativePlugin = () => {};
			// // #endif
		},
		methods: {
			...mapActions(['handSetToken', 'handSetUserInfo', 'handSetOppenId']),
			GetStatusBarHeight() {
				let that = this;
				wx.getSystemInfo({
					success: function(res) {
						// that.handSetOppenId(res.statusBarHeight);
					},
				});
			},
		}
	}
</script>

<style>
	@font-face {
		font-family: 'Branding-BoldItalic';
		src: url('https://img.wilmer.com.cn/admin/2024/3-26/PingFangSC_0.ttf');
	}

	.conter {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.No_shuju {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 40rpx auto 0;
	}

	.No_shuju image {
		width: 240rpx !important;
		height: 240rpx !important;
	}

	.No_shuju text {
		font-size: 24rpx !important;
		font-family: PingFang SC !important;
		font-weight: 400 !important;
		color: #141418 !important;
	}

	.content {
		width: 100%;
		/* #ifdef H5 */
		min-height: calc(100vh - var(--window-bottom) - var(--window-top));
		/* #endif */
		/* #ifndef H5 */
		min-height: 100vh;
		/* #endif */
		background-color: #fff;
	}

	.pianview {
		position: absolute;
		left: 0upx;
		bottom: 40%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: center;
	}

	.content:before {
		position: fixed;
		left: 0;
		right: 0;

		top: var(--window-top);
		height: 0px;
		z-index: 998;
		transform: scaleY(.5);
		content: '';
		background-color: #e8e9ec;
	}

	uni-checkbox .uni-checkbox-input {
		border-radius: 50% !important;
		color: #ffffff !important;
		width: 60upx;
		height: 60upx;
	}

	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
		color: #fff;
		border-color: #40ba49;
		background: #40ba49;
	}

	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
		font-size: 40upx;
	}

	.uni-slider-handle::before {
		position: absolute;
		content: '';
		width: 6upx;
		height: 24upx;
		top: 50%;
		left: 29%;
		transform: translateY(-50%);
		background: #eeedf2;
		border-radius: 3upx;
		z-index: 13;
	}

	.uni-slider-handle::after {
		position: absolute;
		content: '';
		width: 6upx;
		height: 24upx;
		top: 50%;
		right: 29%;
		transform: translateY(-50%);
		background: #eeedf2;
		border-radius: 3upx;
		z-index: 13;
	}

	.uni-slider-handle {
		width: 28px;
		height: 28px;
		margin-top: -14px;
		margin-left: -14px;
		background-color: red;
		z-index: 3;
	}

	.uni-slider-thumb::after {
		position: absolute;
		content: '';
		width: 6upx;
		height: 24upx;
		top: 50%;
		right: 29%;
		transform: translateY(-50%);
		background: #eeedf2;
		border-radius: 3upx;
		z-index: 13;
	}
</style>

<style lang="scss">
	@import "./static/scss/icon.scss";
	@import "uview-ui/index.scss";
</style>